<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="headFregment(title)">
    <meta charset="utf-8">
    <title th:text="${title==null?'后台管理':title}"></title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" th:href="@{/common/css/bootstrap.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/common/css/theme.css}">
    <link rel="stylesheet" th:href="@{/common/font-awesome/css/font-awesome.css}">

    <script th:src="@{/common/js/jquery-1.9.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/common/js/bootstrap.js}"></script>

    <style type="text/css">

        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #87CEFA;
            font-style: italic;
        }
        .brand .second {
            color: #FF60AF;
            font-weight: bold;
        }
    </style>
</head>
<body class="">
<!--logo区域-->
<div th:fragment="header">
    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav pull-right">

                <li><a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">Settings</a></li>
                <li id="fat-menu" class="dropdown">
                    <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-user"></i> <span th:text="${#session.getAttribute('loginadm').aname}">admin</span>
                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a tabindex="-1" href="#">My Account</a></li>
                        <li class="divider"></li>
                        <li><a tabindex="-1" class="visible-phone" href="#">Settings</a></li>
                        <li class="divider visible-phone"></li>
                        <li><a tabindex="-1" th:href="@{/logout}">Logout</a></li>
                    </ul>
                </li>

            </ul>
            <a class="brand" href="index.html"><span class="first">Library</span> <span class="second">System</span></a>
        </div>
    </div>
</div>

<!--导航区域-->
<div th:fragment="nav">
    <div class="sidebar-nav">
        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>Dashboard</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
            <li ><a href="student.html">Home</a></li>
            <li ><a href="users.html">Sample List</a></li>
            <li ><a href="user.html">Sample Item</a></li>
            <li ><a href="media.html">Media</a></li>
            <li ><a href="calendar.html">Calendar</a></li>

        </ul>

        <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>Account<span class="label label-info">+3</span></a>
        <ul id="accounts-menu" class="nav nav-list collapse">
            <li ><a href="sign-in.html">Sign In</a></li>
            <li ><a href="sign-up.html">Sign Up</a></li>
            <li ><a href="reset-password.html">Reset Password</a></li>
        </ul>


    </div>
</div>
</body>
</html>